JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio"><label>A</label></input>
<br/>
<label>B<input type="radio"></input></label>
<br/>
With escaped double quotes <label data-bind="html: html1"></label>
<br/>
With single qoutes <label data-bind="html: html2"></label>
<br/>
<label data-bind="html: html3"></label>


<br/>
<hr/>
Example of loading html with data-binds
<br/>
<br/>
<div data-bind="html: htmlWithBindings"></div>

<div data-bind="html: html4"></div>

/*****************************************************/

<div id="myFilters" class="container">
        <div class="btn-group" data-toggle="buttons" data-bind="html: yearButtonGroup">
           
        </div>
    </div>

CSS

.labelStyle {
    border: solid black 1px; 
    padding: 2px; 
    margin-left: 5px;
}

JavaScript

vm={
    self = this;
    self.yearButtonGroup = ko.observable();
    
    for (var idx = 0; idx < 3; idx++) {
        yearButtonGroup: "<button type='button' class='btn btn-default' data-checkbox-name='checkbox1'>my Bytton</button>"
    }
    
   }
   

ko.applyBindings(vm)