title: Passing dynamic variable to bind-data
body: <p>I have a problem with nested foreach when using knockout.js. Below is description</p>
  
  <pre><code>MyViewModel(){
     filteredRecords();
     columns();
  }
  
  RecordModel(){
     A,
     B,
     C
  }
  
  ColumnModel{
     Visible,
     ColumnName
  }
  </code></pre>
  
  <p>Requirement is, if column.Visible == 1, let show the corresponding ColumnName in ReportModel. In the data-bind="value: records.column.Column_Name(), I try to get the correct path but not sucessful yet, please give me some advices
  , thanks a lot.</p>
  
  <hr>
  
  <pre><code>&lt;div&gt;
  &lt;!-- ko foreach: {data: filteredRecords(), as: 'records'}  --&gt;
     &lt;ul class="tableBody"&gt;
        &lt;li class="firstLevel"&gt;
            &lt;ul&gt;
                &lt;li class="col col01"&gt;# : &lt;span data-bind="text: records.ID"&gt;&lt;/span&gt;&lt;/li&gt;                            
                   &lt;!-- ko foreach: {data: $parent.columns(), as: 'column'} --&gt;
                       &lt;!-- ko if: column.Visible() == 1 --&gt;
  
                            &lt;li class="col col0"&gt;&lt;input class="input0" **data-bind="value: records.column.Column_Name()"** /&gt;&lt;/li&gt;  
  
                    &lt;!-- /ko --&gt;
                   &lt;!-- /ko --&gt;              
             &lt;/ul&gt;
         &lt;/li&gt;
      &lt;/ul&gt;
  &lt;!-- /ko --&gt; 
  &lt;/div&gt;     enter code here
  </code></pre>