JSFiddle - React, Tailwind, and code Playground

HTML

<div id="residence">
    <div data-bind="text: addrText"></div>
    <table>
        <tbody data-bind="foreach: voters">
            <tr>
                <td>Name</td>
                <td data-bind="text: name"></td>
            </tr>
        </tbody>
    </table>
</div>

JavaScript

var model = {
    addrText: 'Test address text',
    voters: [
        { name: 'First Voter' },
        { name: 'Second Voter' }
    ]
};

ko.applyBindings( model, document.getElementById('residence') );