title: knockout nested foreach binding is not working
body: <p>I have html as:  <a href="http://jsfiddle.net/Wnzrr/1/" rel="nofollow noreferrer">JSfiddle</a></p>
  <pre><code>&lt;ul data-bind=&quot;foreach: Items&quot;&gt;
      &lt;li data-bind=&quot;click: setTextColor, text: 'Color: ' + color&quot;&gt;&lt;/li&gt;
       &lt;ul data-bind=&quot;foreach:add&quot;&gt;
           &lt;li data-bind=&quot;text:test&quot;&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/ul&gt;
  </code></pre>
  <p>and JS as below:</p>
  <pre><code>var Item = function(color) {
      var self = this;
      self.color = String(color);
      self.setTextColor = function(item, event) {
          console.log(item.color);
          $(event.target).css('color', color);
      };
  },
       add = function (test){
          
          this.test = String (test);
  };
  ko.applyBindings(new function() {
      this.Items = ko.observableArray([
          {new Item('red'),ko.observableArray(new add('colore'),new add('is'),new add('red'))},
          {new Item('blue'),ko.observableArray(new add('colore'),new add('is'),new add('blue'))},
          {new Item('green'), ko.observableArray(new add('colore'),new add('is'),new add('green'))}
      ]);
  }());
  </code></pre>
  <p>But it is not populating the data.
  Can any one tell me what is the problem!!!</p>