title: Knockout data-bind attribute in razor syntax
body: <p>I have Html written in Razor syntax: </p>
  
  <pre><code>@for (var i = 0; i &lt; Model.AllBetStatuses.Count; ++i)
  {
      &lt;li class="betReportingCheckbox"&gt;
          @Html.CheckBoxFor(m =&gt; m.AllBetStatuses[i].Checked, new { @class =   
           "betStatusCheckboxes"})
          @Html.DisplayFor(m =&gt; m.AllBetStatuses[i].Name)
          @Html.HiddenFor(m =&gt; m.AllBetStatuses[i].Value)
      &lt;/li&gt;
  }
  </code></pre>
  
  <p>I want to use knockout.js to bind these values, but when I try something of this type:</p>
  
  <pre><code>@Html.CheckBoxFor(m =&gt; m.AllBetStatuses[i].Checked, new { @class =   
           "betStatusCheckboxes", @data-bind="..."})
  </code></pre>
  
  <p>I get a syntax error, because the '-' character is not valid there. Is there any simple way to do this using Razor syntax?</p>