title: Knockout binding with a customization in for each
body: <p>I have a situation here for the knockout with for each binding with customization</p>
  
  <p>Here is my code:</p>
  
  <pre><code>&lt;div id="content-wrapper"&gt;
  
      &lt;div id="akjsdbgb"&gt;
          &lt;table&gt;
              &lt;tbody data-bind="foreach: resultData"&gt;
                  &lt;tr&gt;
                      &lt;td data-bind="text: fieldName"&gt;&lt;/td&gt;
                      &lt;td data-bind="text: fieldValue"&gt;&lt;/td&gt;
                  &lt;/tr&gt;               
              &lt;/tbody&gt;
          &lt;/table&gt;
      &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <h2>Model:</h2>
  
  <pre><code>    self.resultData = ko.observableArray([]);
  
      self.getResultData = function () {
          var data = Cobalt.Data.getResultData();
          self.resultData(data.searchDataList);
      };
  };
  
  Models.Field = function(data) {
  
      var self = this;
      self.fieldName = data.fieldName;
      self.fieldValue = data.fieldValue;
  
  };
  </code></pre>
  
  <p>The problem is i need to create a tabular data from the resultData which is in fieldName and fieldValue formats and the table should be having two sets of data in a single tr means </p>
  
  <p>4 's in a tr but the data array contains single fieldName and fieldValue; so we need to loop in a tr for two times of data and then increment it.</p>
  
  <p>OUTPUT AS EXPECTED:</p>
  
  <hr>
  
  <h2>| FieldName1 |FieldValue2  || FieldName3 |FieldValue4  |</h2>
  
  <h2>| FieldName5 | FieldValue6 || FieldName7 |FieldValue8  |</h2>