Edit in JSFiddle

var family = {
    'member' : [
        {
            'name' : 'reborn',
            'box_weapon' : ''
        },
        {
            'name' : 'tsunayoshi sawada',
            'box_weapon' : 'sky lion'
        },
        {
            'name' : 'hibari kyoya',
            'box_weapon' : 'cloud hedgehog'
        },
        {
            'name' : 'gokudera hayato',
            'box_weapon' : 'storm leopard'
        },
        {
            'name' : 'takeshi yamamoto',
            'box_weapon' : 'rain swallow'
        },
        {
            'name' : 'ryohei sasagawa',
            'box_weapon' : 'sun kangaroo'
        },
        {
            'name' : 'lambo',
            'box_weapon' : 'lightning bull'
        },
        {
            'name' : 'rokudo mukuro',
            'box_weapon' : 'mist owl'
        }
    ]
};

var vongola = Handlebars.compile($('#ifs').html());
$('.family').html(vongola(family))

<div class="family"></div>
<script id="ifs" type="text/x-handlebars-template">
    <h1>vongola</h1>
    <table border="1">
        <tr>
            <th>Family Member</th>
            <th>Box Weapon</th>
        </tr>
        {{#each member}}
        <tr>
            <td>{{name}}</td>
            {{#if box_weapon}}
            <td>{{box_weapon}}</td>
            {{else}}
            <td>No box weapon</td>
            {{/if}}
        </tr>
        {{/each}}
    </table>
</script>