title: Knockout JS foreach looping through array of objects
body: <p>I have a observableArray:</p>
  
  <pre><code>self.stats = ko.observableArray([
          {"DFTD" : new Stat("Defensive TD", "DFTD",0,20,0,self.playerGroups[1])},
          {"GL" : new Stat("Games Lost", "GL",0,16,0,self.playerGroups[2])},
          {"FGA" : new Stat("Field Goals ATT", "FGA",0,100,0,self.playerGroups[0])},
  
      ]);
  </code></pre>
  
  <p>and i am trying to loop around it with a foreach and then print out the Stat objects name property which is the first element in that object.</p>
  
  <pre><code>&lt;tbody data-bind="foreach: stats" id="stat-sliders"&gt;
          &lt;tr&gt;
              &lt;td&gt;&lt;span data-bind="text: stats.Stat().name"&gt;&lt;/span&gt;&lt;/td&gt;
              &lt;!--/*&lt;td class="statsListItem"&gt;
                      &lt;/tr&gt;
   &lt;/tbody&gt;
  </code></pre>
  
  <p>Im not sure if im doing it right. I am a beginner with knockout and wondering if anyone can help?</p>