title: knockout.js: pass { data: xyz } to foreach instead of just xyz
body: <p>I'm just getting started with knockout.js. I have a <code>foreach</code> binding like this, which works fine:</p>
  
  <pre><code>&lt;ul data-bind="foreach: people"&gt;
     &lt;li&gt; .... &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><code>people</code> is part of my model that I pass to <code>ko.applyBindings</code>. According to the documentation, the following should work too:</p>
  
  <pre><code>&lt;ul data-bind="foreach: {data: people}"&gt; 
  </code></pre>
  
  <p>But it does not. The list remains empty, but I don't see any error in the error window of my browser. Any hint what I might be doing wrong? Is there some subtle difference between both calls which I don't see?</p>
  
  <p>My idea is to pass handlers for <code>afterAdd</code> to <code>foreach</code>. Therefore I need the second way to call it.</p>